<style type="text/css">
        .full_location_container{
            width:100%;
            background-color:black;
            color:white;
        }
        .full_location_details{
            float:left;
            width:45%;
        }
        .full_location_pictures{
            flaot:right;
            width:45%;
        }
</style>

<div class="full_location_container" data-id="{{location.id}}" >
    <div class="full_location_details">
        <div class="full_location_title">
            {{location.name}}
        </div>
        <div class="full_location_description">
            <span> Descripcion: </span><br>
            {{location.description}}
        </div>
        <div class="full_location_contact">
            <span> Contacto: </span><br>
            {% if location.contactName | length > 0 %}
                nombre: {{location.contactName}}<br>
            {% endif %}
            {% if location.contactEmail | length > 0 %}
                email: {{location.contactEmail}}<br>
            {% endif %}
            {% if location.contactPhonenumber | length > 0 %}
                telefono: {{location.contactPhonenumber}}<br>
            {% endif %}
        </div>
            
    </div>
    <div class="full_location_pictures">
    </div>
    <div style="clear:both;"> </div>
    <div class="full_location_map">
        <iframe width="1016" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;q={{location.coordinates}}&amp;aq=&amp;sll={{location.coordinates}}&amp;sspn=56.637293,114.169922&amp;ie=UTF8&amp;geocode=FUBNAf4dsxbK-w&amp;split=0&amp;hq=&amp;hnear={{location.address}}&amp;t=m&amp;ll={{location.coordinates}}&amp;spn=0.003132,0.0109&amp;z=17&amp;iwloc=A&amp;output=embed"></iframe>
    </div>
</div>

<script type=text/javascript>
     $(document).ready(function() {
    });
</script>
